<template>
    <div class="my-header">
       <van-tabbar v-model="active" :placeholder='true'>
          <van-tabbar-item icon="home-o" name="home" replace to="/homepage">首页</van-tabbar-item>
          <van-tabbar-item icon="friends-o" badge="5" replace to="/release">发布食谱</van-tabbar-item>
          <van-tabbar-item icon="search" replace to="/classification">分类</van-tabbar-item>
          <van-tabbar-item icon="setting-o" badge="20"  replace to="/personal">我的</van-tabbar-item>
      </van-tabbar>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                active: 'home'
            }
        },
    }
</script>

<style lang="scss" scoped>

</style>